/*首页 - start*/
.indexContainer { width: 100%; margin: 0 auto; background: #fff url(../images/bg_opacity.png) repeat; }
.indexContainer .main { border-width: 0 1px 0 1px; border-color: #f6f6f6; border-style: solid; }
.perColumn {width: 100%; padding: 90px 25px 25px; overflow: hidden; background: url(../images/bg_line.png) center top no-repeat; background-size: 98% auto; }
.perColumn:first-of-type { background: none; padding-top: 30px; }
.perTitle { text-align: center; margin-bottom: 35px; }
.jjyx-img { background-color: #efefef; width: 45%; text-align: center; padding: 15px 15px 8px; margin-left: 30px; }
.jjyx-img img { max-width: 80%; }
.survey-list { margin-top: 50px; display: flex; justify-content: space-between; text-align: center; color: #222; line-height: 1.2; }
.qa-img { width: 96%; margin: 0 auto; text-align: center; }
.qa-img img { max-width: 100%; display: inline-block; }

/* 36计 */
.caseList { font-size: 18px; color: var(--gray); }
.caseList li { margin-bottom: 26px; text-align: justify; }
.caseList .icon-title { width: 27px; height: 27px; }
.caseList .btn-more { font-size: 16px; border: 1px solid #b0b0b0; border-radius: 4px; padding: 2px 8px; transition: color .3s, border-color .3s; }
.caseList .btn-more:hover { border-color: var(--red); color: var(--red); }
.pro-imgs { width: 496px; overflow: hidden; margin-left: 45px; }
.pro-imgs .p-img, .pro-imgs .p-img img { display: block; width: 100%; overflow: hidden; }
.pro-imgs .p-img { margin-bottom: 20px; height: 265px; }
.pro-imgs .p-img img { height: 100%; object-fit: cover; transition: transform .4s; }
.pro-imgs .p-img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.t-more { display: inline-block; transition: transform .4s; }
.t-more:hover { -webkit-transform: translateX(6px); transform: translateX(6px); }

/* 案例库 */
.cateList { display: flex; flex-wrap: wrap; font-size: 19px; font-weight: bold; margin-top: -10px; }
.cateList li { min-width: 11.1111%; padding-right: 20px; border-bottom: 1px solid var(--gray); }
.cateList li a { display: inline-block; height: 100%; padding: 11px 0 5px; position: relative; transition: color .4s; }
.cateList li a::before { content: ''; position: absolute; left: 0; bottom: -3px; z-index: 1; width: 0; height: 5px; background: var(--red); transition: width .4s; }
.cateList li a:hover::before, .cateList li a.active::before { width: 100%; }
.cateList li a:hover, .cateList li a.active, 
.cateList.font14 li a:hover, .cateList.font14 li a.active { color: var(--red); }
.cateList li.more { flex: 1; text-align: right; }
.cateList li.more a { padding-top: 20px; color: var(--red); }
.caselist-h { display: flex; flex-wrap: wrap; margin-left: -25px; }
.caselist-h li { flex: 1; min-width: calc(33.33% - 25px); max-width: calc(33.33% - 25px); margin: 35px 0 0 25px; }
.caselist-h li a, .caselist-h .c-img { display: block; width: 100%; }
.caselist-h .c-img { height: 195px; overflow: hidden; margin-bottom: 12px; }
.caselist-h .c-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.caselist-h li a:hover .c-img img { transform: scale(1.1); }

/* 服务内容 */
.serviceList { display: flex; justify-content: space-between; padding: 0 25px 35px; line-height: 1.8; }
.serviceList li { border: 1px solid #e5e5e5; padding-bottom: 15px; min-width: 28%; max-width: 28%; }
.serviceList .img, .serviceList .img img { display: block; overflow: hidden; width: 100%; height: 208px; }
.serviceList .img img { object-fit: cover; }
.serviceList .tit { padding: 10px 0 18px; position: relative; margin-bottom: 10px; }
.serviceList .tit::after { content: ''; position: absolute; left: 30%; bottom: 0; width: 40%; height: 4px; background: var(--red); }

/* 联系我们 */
.contactColumn { width: 100%; background: var(--red) url(../images/bg_white.png) repeat; padding: 30px 25px 35px; font-size: 24px; color: #fff; }
.c-erweima { margin: 10px 0 0 28px; }
.c-erweima .img { background: #fff; padding: 3px; }
.c-erweima .img img { display: block; width: 120px; height: 120px; }
.contact-form { margin-top: 25px; }
.contact-input {display: block; background: #fff; width: 100%; height: 60px; border-radius: 2px; padding: 0 15px; font-size: 22px; }
.contact-area { height: auto; padding-top: 10px; padding-bottom: 10px; }
.contact-btn { margin-top: 10px; padding: 15px; display: inline-block; width: 306px; background: #fff; border-radius: 2px; font-size: 28px; color: var(--red); transition: width .4s; }
.contact-btn:hover { width: 330px; }
/*首页 - end*/


/* 关于丘载 - start */
.innerBanner { width: 100%; height: 250px; }
.innerContainer .main { padding: 24px 30px 0; }
.inner-left { margin-right: 20px; width: 210px; font-weight: bold; color: var(--gray); }
.innerNav-tit { width: 100%; border: 1px solid #eee; font-size: 18px; line-height: 40px; text-align: center; padding: 3px; }
.innerNav-tit > span { display: block; width: 100%; background: #ddd; height: 40px; }
.innerNav-list li { margin-top: 15px; line-height: 40px; }
.innerNav-list li a { padding-left: 35px; display: flex; align-items: center; height: 40px; background: #f2f2f3; color: var(--gray); transition: color .3s, background .3s; }
.icon-nav { background-position: -68px 0; width: 27px; height: 27px; }
.innerNav-list a:hover, .innerNav-list a.active { background: var(--red); color: #fff; }
.innerNav-list a:hover .icon-nav, .innerNav-list a.active .icon-nav { background-position: -34px 0; }

.inner-right { border: 1px solid #eee; padding: 20px 20px 45px; line-height: 1.8; overflow: hidden; }
.inner-title { padding: 0 15px 15px 30px; font-size: 20px; font-weight: bold; color: var(--gray); background: url(../images/bg_line.png) left bottom no-repeat; background-size: 100% auto; }
.inner-title .title-link { display: inline-flex; align-items: center; font-size: 15px; line-height: 1; color: var(--red); font-weight: normal; margin-right: 15px; transition: transform .3s; }
.inner-title .title-link:hover { transform: translateX(-4px); }
.inner-title .icons { width: 28px; height: 28px; margin-right: 3px; border: 1px solid #f7bec3; border-radius: 2px; padding: 2px; }
.icon-share { background-position: -107px 2px; }
.icon-collect { background-position: -146px 2px; }
.inner-right .serviceList { margin-top: 50px; }
.inner-right .serviceList li { min-width: 32%; max-width: 32%; }

.culture-title { background: url(../images/i_light.png) center top no-repeat; min-height: 130px; display: flex; align-items: center; justify-content: center; }
.culture-list { display: flex; justify-content: space-around; flex-wrap: wrap; }
.culture-list li { width: 30%; color: #333; margin: 30px 0; line-height: 1.6; }
.culture-list .icons { width: 50px; height: 50px; margin-bottom: 3px; }
.icon-mission { background-position: 0 -144px; }
.icon-wish { background-position: -59px -144px; }
.icon-value { background-position: -120px -144px; }
/* 关于丘载 - end */

/* 嫁接营销案例库 - start */
.inner-caseTit { margin-bottom: 30px; line-height: 1.6; }
.border-b-red { border-bottom: 1px solid var(--red); }
.inner-caseList { font-size: 17px; padding: 5px 10px; }
.inner-caseList li { padding: 25px 0; border-bottom: 4px solid #e5e5e5; transition: transform .4s; }
.inner-caseList .img { width: 220px; height: 126px; overflow: hidden; margin-right: 35px; }
.inner-caseList .img img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .4s; }
.inner-caseList .btn-more { width: 110px; margin-top: 10px; background: #e5e5e5; font-size: 13px; text-align: center; float: right; padding: 1px; }
.inner-caseList li:hover { transform: translateY(-8px); }
.inner-caseList a:hover .img img { transform: scale(1.15); }

.article-con { padding: 40px 10px 0; }
.article-detail { font-size: 14px; text-align: justify; padding-bottom: 10px; }
.article-detail > p { margin-bottom: 20px; }
.s-article-tit { font-size: 20px; font-weight: bold; display: flex; align-items: center; margin-bottom: 15px; }
.s-article-tit::before { content: ''; width: 10px; height: 10px; border-radius: 2px; background: var(--red); margin-right: 8px; }
.article-con .article-link:hover { color: var(--red); }
/* 嫁接营销案例库 - end */

/* 嫁接营销方法论 - start */
.inner-hr { border: none; border-top: 2px solid #e5e5e5; margin: 35px 0; }
.model-imgs { justify-content: space-between; margin-top: 25px; }
.cateList.font14 { font-size: 14px; margin: 25px 0 10px; }
.cateList.font14 li a { padding-top: 7px; padding-bottom: 7px; color: #666; }
.cateList.font14 li:last-of-type { flex: 1; }
.cateList.font14 li a::before { bottom: -2px; height: 3px; }
.caselist-h.font14 { line-height: 1.6; margin-left: -20px; }
.caselist-h.font14 li { min-width: calc(33.33% - 20px); max-width: calc(33.33% - 20px); margin: 30px 0 0 20px; }
.caselist-h.font14 .c-img { height: 155px; }
.p10 .flipPage { margin: 35px 0 0; }

.techList { display: flex; justify-content: center; padding: 10px 0; }
.techList li { font-size: 32px; width: 140px; height: 180px; padding-top: 20px; border: 1px solid #d9d9d9; border-radius: 12px; margin: 0 12px; line-height: 1.2; text-align: center; box-shadow: 15px 10px 20px rgba(0,0,0,.08); }
.techList .icon-number { width: 57px; height: 45px; margin-bottom: 15px; background-position: -189px 0; line-height: 46px; padding-right: 15px; font-size: 13px; color: #fff; }
/* 嫁接营销方法论 - end */

.innerContainer {
    width: 100%;
    margin: 0 auto;
    background: #fff url(../images/bg_opacity.png) repeat;
}

/* 2025-08-15 修改 */
.icon-behavior {
    background-position: -182px -144px;
}
.icon-manage {
    background-position: -249px -144px;
}
.icon-idol {
    background-position: -320px -144px;
}

/* 2025-08-21 修改 */
.case-all {
    transition: color .3s;
}
.case-all.active, .case-all:hover {
    color: var(--red);
}

/* 2025-09-15 修改 */
.article-con .article-detail p a, .article-con .article-detail p a * { color: #0302e8 !important; }